<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
<script src="https://fastly.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<script src="../bootstrap/js/bootstrap.min.js"></script>

<body>
    <!-- 顶部 -->
    <header>
        <div class="banxin">
            <ul>
                <li><a href="#">登录注册</a></li>
                <li><a href="#">登录注册</a></li>
                <li><a href="#">登录注册</a></li>
                <li><a href="#">登录注册</a></li>
                <li><a href="#">登录注册</a></li>
                <li><a href="#">登录注册</a></li>
                <li><a href="#">登录注册</a></li>
            </ul>
        </div>
    </header>
    <!-- 搜索 -->
    <div class="seek">
        <div class="banxin">
            <div class="seekleft">
                <div></div>
                <div>
                    <form action="">
                        <input type="text" placeholder="三同好物">
                    </form>

                    <a href="#">搜索</a>

                </div>

                <div><a href="#none" class="shoppingA">购物车</a>
                </div>



            </div>


            <div class="seekzhong">
                <div>
                    <a href="#">蓝牙耳机</a>
                    <a href="#">床</a>
                    <a href="#">茶</a>
                    <a href="#">牙膏</a>
                    <a href="#">iphon13</a>
                    <a href="#">锅</a>
                    <a href="#">中秋节</a>
                    <a href="#">行李箱</a>
                </div>
            </div>

        </div>
    </div>
    <!-- 导航 -->

    <nav>
        <ul class="banxin">
            <li><a href="#">首页</a></li>
            <li class="nav2"><a href="#" id="jujia">居家生活</a><span class="nav2span"></span></li>
            <li class="nav2"><a href="#">服饰鞋包</a><span class="nav2span"></span></li>
            <li class="nav2"><a href="#">美食酒水</a><span class="nav2span"></span></li>
            <li class="nav2"><a href="#">个护清洁</a><span class="nav2span"></span></li>
            <li class="nav2"><a href="#">母婴亲子</a><span class="nav2span"></span></li>
            <li class="nav2"><a href="#">运动旅行</a><span class="nav2span"></span></li>
            <li class="nav2"><a href="#">数码家电</a><span class="nav2span"></span></li>
            <li class="nav2"><a href="#">严选全球</a><span class="nav2span"></span></li>
            <li><a href="#">为你严选</a></li>
            <li><a href="#">众筹</a></li>
        </ul>


    </nav>

    <!-- banner -->
    <div class="banner">
        <img src="./img/banner.webp" alt="">
    </div>
    <!-- 隔断标题 -->
    <div class="srvered">
        <div class="banxin">
            <h2>新品首发</h2>
            <p>为你寻觅世间好物</p>
            <a href="#">更多新品>></a>
        </div>
    </div>
    <!-- 新品类别 -->
    <div class="new">
        <div class="banxin new1">
            <div class="new1child">
                <p>
                    <img src="./img/index0.webp" alt="">
                    <img src="./img/index1.webp" alt="" class="new2">
                </p>
                <p>日本冰块球制冰模具</p>
                <p class="new1red">￥29.8</p>

            </div>
            <div class="new1child">
                <p><img src="./img/index0.webp" alt="">
                    <img src="./img/index1.webp" alt="" class="new2">

                </p>
                <p>十足肉力轻负担，鲜辣大虾<br>
                    <br> 60克/袋
                </p>
                <p>￥29.8</p>
            </div>
            <div class="new1child">
                <p><img src="./img/index0.webp" alt="">
                    <img src="./img/index1.webp" alt="" class="new2">
                </p>
                <p>鲜美低脂小海味，日式汁</p>
                <p>￥29.8</p>
            </div>
            <div class="new1child">
                <p><img src="./img/index0.webp" alt="">
                    <img src="./img/index1.webp" alt="" class="new2">
                </p>
                <p>日本冰块球制冰模具</p>
                <p>￥29.8</p>
            </div>

        </div>
    </div>


    <!-- 人气隔断 -->
    <div class="srvered srvered2">
        <div class="banxin">
            <h2>人气推荐</h2>
            <p>编辑推荐</p>
            <p>热销总榜</p>
            <a href="#">更多新品>></a>
        </div>
    </div>
    <!-- 人气推荐 -->
    <div class="moods">
        <div class="banxin moods1">

            <div class="moods2">
                <div>
                    <img src="./img/index2.webp" alt="">
                </div>
                <p class="moods1p">小团圆蛋黄酥礼盒奶黄流心味</p>
                <p>53克6枚</p>
                <p><span>￥25.8</span>&nbsp;<del>38</del></p>
            </div>


            <div class="moods2">
                <div>
                    <img src="./img/index3.webp" alt="">
                </div>
                <p class="moods1p2">小团圆蛋黄酥礼盒奶黄流心味</p>
                <p>53克6枚</p>
                <p><span>￥25.8</span>&nbsp;<del>38</del></p>
            </div>


            <div class="moods2">
                <div>
                    <img src="./img/index3.webp" alt="">
                </div>
                <p class="moods1p2">小团圆蛋黄酥礼盒奶黄流心味</p>
                <p>53克6枚</p>
                <p><span>￥25.8</span>&nbsp;<del>38</del></p>
            </div>


            <div class="moods2">
                <div>
                    <img src="./img/index3.webp" alt="">
                </div>
                <p class="moods1p2">小团圆蛋黄酥礼盒奶黄流心味</p>
                <p>53克6枚</p>
                <p><span>￥25.8</span>&nbsp;<del>38</del></p>
            </div>


            <div class="moods2">
                <div>
                    <img src="./img/index3.webp" alt="">
                </div>
                <p class="moods1p2">小团圆蛋黄酥礼盒奶黄流心味</p>
                <p>53克6枚</p>
                <p><span>￥25.8</span>&nbsp;<del>38</del></p>
            </div>


            <div class="moods2">

                <div>
                    <img src="./img/index3.webp" alt="">
                </div>
                <p class="moods1p2">小团圆蛋黄酥礼盒奶黄流心味</p>
                <p>53克6枚</p>
                <p><span>￥25.8</span>&nbsp;<del>38</del></p>
            </div>


            <div class="moods2">
                <div>
                    <img src="./img/index3.webp" alt="">
                </div>
                <p class="moods1p2">小团圆蛋黄酥礼盒奶黄流心味</p>
                <p>53克6枚</p>
                <p><span>￥25.8</span>&nbsp;<del>38</del></p>
            </div>
        </div>
    </div>

    <!-- 美食酒水隔断 -->
    <div class="srvered srvered3">
        <div class="banxin">
            <h2>美食酒水</h2>
            <ul>
                <li>爆款美食</li>/
                <li>中秋团圆礼</li>/
                <li>美味上新</li>/
                <li>中秋礼遇</li>/
                <li>饼干糕点</li>/
                <li>小食糖巧</li>/
                <li>肉类零食</li>
            </ul>
            <a href="#">更多新品>></a>
        </div>
    </div>
    <!-- 美食酒水banner -->
    <div class="cate">
        <div class="banxin cate1">
            <div>
                <img src="./img/banner2.webp" alt="">
            </div>
            <div class="new" id="new2">
                <div class="banxin new1">
                    <div class="new1child">
                        <p>
                            <img src="./img/index0.webp" alt="">
                            <img src="./img/index1.webp" alt="" class="new2">
                        </p>
                        <p>日本冰块球制冰模具</p>
                        <p class="new1red">￥29.8</p>

                    </div>
                    <div class="new1child">
                        <p><img src="./img/index0.webp" alt="">
                            <img src="./img/index1.webp" alt="" class="new2">

                        </p>
                        <p>十足肉力轻负担，鲜辣大虾<br>
                            <br> 60克/袋
                        </p>
                        <p>￥29.8</p>
                    </div>
                    <div class="new1child">
                        <p><img src="./img/index0.webp" alt="">
                            <img src="./img/index1.webp" alt="" class="new2">
                        </p>
                        <p>鲜美低脂小海味，日式汁</p>
                        <p>￥29.8</p>
                    </div>
                    <div class="new1child">
                        <p><img src="./img/index0.webp" alt="">
                            <img src="./img/index1.webp" alt="" class="new2">
                        </p>
                        <p>日本冰块球制冰模具</p>
                        <p>￥29.8</p>
                    </div>

                </div>
            </div>

            <!-- 真选家隔断 -->
            <div class="srvered srvered4">
                <div class="banxin">
                    <h2>甄选家</h2>
                    <p>我们在寻找，对生活有态度的你</p>
                    <a href="#"></a>
                </div>
            </div>
            <!-- 甄选家图片 -->
            <div class="home">
                <div class="banxin home1">
                    <div><img src="./img/家1.webp" alt=""></div>
                    <div>
                        <img src="./img/家2.webp" alt="">
                        <img src="./img/家3.webp" alt="">
                    </div>

                </div>


            </div>
            <!-- 大家说 -->
            <div class="every">
                <!-- 大家说内隔断 -->
                <div class="banxin every1">
                    <div class="srvered srvered5">
                        <div class="banxin">
                            <h2>大家都在说</h2>
                            <p>生活，没有统一标准</p>

                            <a href="#"></a>
                        </div>
                    </div>

                    <div class="every2" style="left: 0;">
                        <div class="every2-1">
                            <div>
                                <p>m***5 2021-08-21&nbsp;18:04</p>
                                <h3>自然纤长卷翘睫毛膏大...<span>￥69</span></h3>
                                <p>睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏</p>
                            </div>

                        </div>
                        <div class="every2-1 every2-2">
                            <div>
                                <p>m***5 2021-08-21&nbsp;18:04</p>
                                <h3>爆款明星好物，抽屉式...<span>￥69</span></h3>
                                <p>质量很一般，有毛刺也很薄。不如多花点钱买天马的，经常用的东西还是得买质量好的。</p>
                            </div>

                        </div>
                        <div class="every2-1 every2-3">
                            <div>
                                <p>m***5 2021-08-21&nbsp;18:04</p>
                                <h3>自然纤长卷翘睫毛夹<span>￥69</span></h3>
                                <p>不错，用的挺顺手，效果也不错</p>
                            </div>

                        </div>
                        <div class="every2-1 every2-3">
                            <div>
                                <p>m***5 2021-08-21&nbsp;18:04</p>
                                <h3>自然纤长卷翘睫毛夹<span>￥69</span></h3>
                                <p>不错，用的挺顺手，效果也不错</p>
                            </div>

                        </div>
                        <div class="every2-1 every2-3">
                            <div>
                                <p>m***5 2021-08-21&nbsp;18:04</p>
                                <h3>自然纤长卷翘睫毛夹<span>￥69</span></h3>
                                <p>不错，用的挺顺手，效果也不错</p>
                            </div>

                        </div>
                        <div class="every2-1 every2-3">
                            <div>
                                <p>m***5 2021-08-21&nbsp;18:04</p>
                                <h3>自然纤长卷翘睫毛夹<span>￥69</span></h3>
                                <p>不错，用的挺顺手，效果也不错</p>
                            </div>

                        </div>
                        <div class="every2-1 every2-3">
                            <div>
                                <p>m***5 2021-08-21&nbsp;18:04</p>
                                <h3>自然纤长卷翘睫毛夹<span>￥69</span></h3>
                                <p>不错，用的挺顺手，效果也不错</p>
                            </div>

                        </div>
                        <div class="every2-1 every2-3">
                            <div>
                                <p>m***5 2021-08-21&nbsp;18:04</p>
                                <h3>自然纤长卷翘睫毛夹<span>￥69</span></h3>
                                <p>不错，用的挺顺手，效果也不错</p>
                            </div>

                        </div>
                        <div class="every2-1 every2-3">
                            <div>
                                <p>m***5 2021-08-21&nbsp;18:04</p>
                                <h3>自然纤长卷翘睫毛夹<span>￥69</span></h3>
                                <p>不错，用的挺顺手，效果也不错</p>
                            </div>

                        </div>
                        <div class="every2-1 every2-3">
                            <div>
                                <p>m***5 2021-08-21&nbsp;18:04</p>
                                <h3>自然纤长卷翘睫毛夹<span>￥69</span></h3>
                                <p>不错，用的挺顺手，效果也不错</p>
                            </div>

                        </div>

                        <div class="every2-1">
                            <div>
                                <p>m***5 2021-08-21&nbsp;18:04</p>
                                <h3>自然纤长卷翘睫毛膏大...<span>￥69</span></h3>
                                <p>睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏睫毛膏</p>
                            </div>

                        </div>
                        <div class="every2-1 every2-2">
                            <div>
                                <p>m***5 2021-08-21&nbsp;18:04</p>
                                <h3>爆款明星好物，抽屉式...<span>￥69</span></h3>
                                <p>质量很一般，有毛刺也很薄。不如多花点钱买天马的，经常用的东西还是得买质量好的。</p>
                            </div>

                        </div>
                        <div class="every2-1 every2-3">
                            <div>
                                <p>m***5 2021-08-21&nbsp;18:04</p>
                                <h3>自然纤长卷翘睫毛夹<span>￥69</span></h3>
                                <p>不错，用的挺顺手，效果也不错</p>
                            </div>

                        </div>


                    </div>

                    <button class="btnbtn btnleft"><</button>
                    <button class="btnbtn btnright">></button>

                </div>



            </div>

            <!-- 服务下载 -->
            <div class="serve">
                <div class="banxin serve1">
                    <div class="serve1-1">
                        <h3>客户服务</h3>
                        <div>
                            <p>
                                <span>&#128515</span>
                                <a href="#">在线客服</a>
                            </p>
                            <p>
                                <span>&#128516</span>
                                <a href="#">用户反馈</a>
                            </p>

                        </div>
                    </div>


                    <div class="serve1-2">
                        <h3>何为网易严选</h3>
                        <p>网易严选是深受新中产喜爱的生活方式品牌,为消费者 提供-站式、全品类全方位的美好生活解决方案。我 们通过简约.实用、舒适的美学设计,不断带来高品质 灵感好物，陪伴3000万新中产用户「活出自己喜欢的样 孔」,共同倡导多元化的生活价值主张一 每个人都可 以把生活的选择权交还给自2.
                        </p>
                        <div>
                            关注我们:<span>&#128512 &#128513 &#128514</span>
                        </div>
                    </div>


                    <div class="serve1-3">
                        <h3>扫码下载严选APP</h3>
                        <img src="./img/二维码2.png" alt="">
                        <p>下载领大额新人红包</p>

                    </div>



                </div>
            </div>

            <!-- 底部 -->
            <footer>
                <div class="foot1  banxin">
                    <div class="foot1-1">
                        <div>
                            <span>1</span>
                            <p>网易自营电商</p>
                        </div>
                        <div>
                            <span>1</span>
                            <p>30天无忧退换货</p>
                        </div>
                        <div>
                            <span>1</span>
                            <p>满99元免邮费</p>
                        </div>
                        <div>
                            <span>1</span>
                            <p>品质保证</p>
                        </div>
                    </div>


                    <ul>
                        <li>
                            <a href="#">关于我们</a>
                        </li>
                        <li>
                            <a href="#">关于我们</a>
                        </li>
                        <li>
                            <a href="#">关于我们</a>
                        </li>
                        <li>
                            <a href="#">关于我们</a>
                        </li>
                        <li>
                            <a href="#">关于我们</a>
                        </li>
                        <li>
                            <a href="#">关于我们</a>
                        </li>
                        <li>
                            <a href="#">关于我们</a>
                        </li>
                        <li>
                            <a href="#">关于我们</a>
                        </li>
                        <li>
                            <a href="#">关于我们</a>
                        </li>
                        <li>
                            <a href="#">关于我们</a>
                        </li>
                    </ul>


                    <p>食品经营许可证: JY13301080111719 出版物经营许可证: 新出发滨字第0132号妙得ICP证号: ICP 证浙B2-20160106浙杭食药监械经营备20171029号 营业执照 网易公司版权所有 ◎1997-2021
                    </p>
                    <p>无线电发射设备销售备案: 42202011096855 (浙杭) 网械企备字[2019]第00119号(粤) 网械平台备字(2019) 第00004号(粤) -非经营性 2016-0023进]冷链食品管理承诺书
                    </p>
                    <p>食品经营许可证: JY14207050007694 浙江省网络食品销售第三方平台提供者备案:浙网食A33010009单用途商业预付 卡备案证: 330100AAC0024
                    </p>
                    <p>出版物网络交易平台服务经营备室:新出发浙省字20210号
                    </p>
                </div>



            </footer>

            <!-- 导航跟随 -->
            <nav id="fixed">
                <ul class="banxin" style="height: 100%;">
                    <li><a href="#">首页</a></li>
                    <li class="nav2 nav3"><a href="#" id="jujia">居家生活</a><span class="nav2span nav2span1"></span></li>
                    <li class="nav2 nav3"><a href="#">服饰鞋包</a><span class="nav2span nav2span1"></span></li>
                    <li class="nav2 nav3 "><a href="# ">美食酒水</a><span class="nav2span nav2span1 "></span></li>
                    <li class="nav2 nav3 "><a href="# ">个护清洁</a><span class="nav2span nav2span1 "></span></li>
                    <li class="nav2 nav3 "><a href="# ">母婴亲子</a><span class="nav2span nav2span1 "></span></li>
                    <li class="nav2 nav3 "><a href="# ">运动旅行</a><span class="nav2span nav2span1 "></span></li>
                    <li class="nav2 nav3 "><a href="# ">数码家电</a><span class="nav2span nav2span1 "></span></li>
                    <li class="nav2 nav3 "><a href="# ">严选全球</a><span class="nav2span nav2span1 "></span></li>
                    <li><a href="# ">为你严选</a></li>
                    <li><a href="# ">众筹</a></li>
                </ul>
            </nav>











            <script src="./js/index.js "></script>

            <script src="./js/axios.js "></script>
            <!-- <script src="https://unpkg.com/axios/dist/axios.min.js "></script> -->

</body>

</html>